.demo-spin-container{
  display: inline-block;
  width: 200px;
  height: 100px;
  position: relative;
  border: 1px solid #eee;
}

.demo-spin-icon-load{
  animation: ani-demo-spin 1s linear infinite;
}

// 制作模板
.make {
  height: 100%;
  .make-container {
    display: flex;
    background: #fff;
    height: 100%;
    .make-preview {
      width: 50%;
      padding: 10px;
    }
    .make-preview {
      border-right: 1px solid #eee;
      display: flex;
      justify-content: center;
      .image-edit {
        position: relative;
        img {
          max-width: 100%;
        }
        .overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          .sprite {
            left: 0;
            top: 0;
            position: absolute;
            cursor: move;
            border: 1px solid transparent;
            user-select: none;
            &.active {
              border-color: cornflowerblue;
            }
            img {
              -webkit-user-drag: none;
              display: block;
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
    .editor {
      display: flex;
      flex-direction: column;
    }
  }
}
